<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <link href="css/style.css" rel="stylesheet" type="text/css"/> 
        <script type="text/javascript" src="js/jquery.lib.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
        <title>Home event page 2</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        
    </head>

    <body>
        <div id="pop-up"></div>
        <div id="mainpage">
            <div id="header">
                <div id="headerItem">
                    <a href=""><div id="logo"></div></a>
                    <div id="login">
                        <div id="notLogin">
                            <a onclick="login();">Sign in</a> |
                            <a>Sign up</a> |
                            <a>Artis sign in</a>
                        </div>
                        <div id="logged">
                            <div id="avatar"></div>
                            <a id="username" style="margin-left: 10px">hung.nguyen</a> |
                            <a onclick="logout();">Logout</a>
                        </div>
                    </div>
                </div>
            </div><!-- header -->
            <div id="content">
                <div id="leftDiv">
                    <div class="topads"></div>
                    <div class="yourads">
                    </div>
                    <div class="toplist">
                        <div class="title-line">
                            <span>Global chart</span>
                        </div>
                        <div class="listObject">
                            <a class="green-color">Top 40</a>
                            <a>Electro</a>
                            <a>Progressive</a>
                        </div>
                        <div class="listSong">
                            <ul>
                                <a><li>
                                        <div class="songNumber">01</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">02</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">03</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">04</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">05</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">06</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">07</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">08</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">09</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">10</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                            </ul>
                        </div>
                    </div><!-- topList-->
                    <div class="yourads">
                    </div>
                    <img src="image/background/left-background.png"/>
                </div><!--left Div-->
                <div id="centerDiv">
                    <div id="slogan">
                        <div id="dot">
                            <div class="dot" id="dot1"></div>
                            <div class="dot" id="dot2"></div>
                            <div class="dot" id="dot3"></div>
                        </div>
                    </div><!-- slogan -->
                    <div class="bannerAds">
                        <div id="ads-title"><b>DJ RADIO</b> APPLICATION READY ON</div>
                        <a href=""><div class="appstore"></div></a>
                        <a href=""><div class="googleplay"></div></a>
                    </div><!-- banner-->
                    <div class="home-eventpage">
                        <div style="margin-bottom: 15px">
                            <a>HOME</a> / <a>ALL DJ VIETNAM</a> / <a class="green-color">YOUTUBE</a>
                        </div>
                        <div class="profile">
                            <div class="info">
                                <div class="profilePicture">
                                    <img src="image/image/avatar.png">
                                </div>
                                <div class="tag">
                                    <div class="tagItem">Feed</div>
                                    <div class="tagItem">Profe</div>
                                    <div class="tagItem">Music</div>
                                    <div class="tagItem">Youtube</div>
                                    <div class="tagItem focus">Events</div>
                                    <div class="tagItem">Contact</div>
                                </div>
                            </div><!-- info-->
                            <div class="mainInfo">
                                <span class="singerName">NIMBIA</span>
                                <div class="following followed" >FOLLOWING</div>
                                <div class="numbers">
                                    <span id="followNumber">57,968,006 <br/><small>FOLLOW</small></span>
                                    <span id="listenerNumber">2,044,101 <br/><small>LISTENERS</small></span>
                                    <span id="genre" style="margin:0">GENRE: <small>HOUSE, ELECTRO HOUSE</small></span>
                                </div>
                                <div class="title-line">
                                    <span>UP COMING EVENT</span>                            
                                </div>
                                <div class="listEvents">
                                    <ul>
                                        <li>
                                            <div class="datetime">
                                                <span>17/07/2013</span><br>
                                                FUSE SG CLUB
                                            </div>
                                            <img src="image/image/event1.jpg">
                                        </li>
                                        <li>
                                            <div class="datetime">
                                                <span>17/07/2013</span><br>
                                                FUSE SG CLUB
                                            </div>
                                            <img src="image/image/event1.jpg">
                                        </li>
                                        <li>
                                            <div class="datetime">
                                                <span>17/07/2013</span><br>
                                                FUSE SG CLUB
                                            </div>
                                            <img src="image/image/event1.jpg">
                                        </li>
                                    </ul>
                                </div>
                                <div class="title-line">
                                    <span>PREVIOUS</span>                            
                                </div>
                                <div class="listEvents">
                                    <ul>
                                        <li>
                                            <div class="datetime">
                                                <span>17/07/2013</span><br>
                                                FUSE SG CLUB
                                            </div>
                                            <img src="image/image/event1.jpg">
                                        </li>
                                        <li>
                                            <div class="datetime">
                                                <span>17/07/2013</span><br>
                                                FUSE SG CLUB
                                            </div>
                                            <img src="image/image/event1.jpg">
                                        </li>
                                        <li>
                                            <div class="datetime">
                                                <span>17/07/2013</span><br>
                                                FUSE SG CLUB
                                            </div>
                                            <img src="image/image/event1.jpg">
                                        </li>
                                        <li>
                                            <div class="datetime">
                                                <span>17/07/2013</span><br>
                                                FUSE SG CLUB
                                            </div>
                                            <img src="image/image/event1.jpg">
                                        </li>
                                        <li>
                                            <div class="datetime">
                                                <span>17/07/2013</span><br>
                                                FUSE SG CLUB
                                            </div>
                                            <img src="image/image/event1.jpg">
                                        </li>
                                        <li>
                                            <div class="datetime">
                                                <span>17/07/2013</span><br>
                                                FUSE SG CLUB
                                            </div>
                                            <img src="image/image/event1.jpg">
                                        </li>
                                    </ul>
                                    <a href=""><p class="nextpage">Next</p></a>
                                </div>
                            </div>
                        </div> <!--profile-->
                    </div><!-- DJ profile-->
                    <div class="bannerAds">
                        <div id="ads-title"><b>DJ RADIO</b> APPLICATION READY ON</div>
                        <a href=""><div class="appstore"></div></a>
                        <a href=""><div class="googleplay"></div></a>
                    </div><!-- banner-->
                </div><!--center Div-->
                <div id="rightDiv">
                    <div class="topads"></div>
                    <div class="toplist">
                        <div class="title-line">
                            <span>TOP TEN</span>
                        </div>
                        <div class="listObject">
                            <a href="" class="green-color">Day</a>
                            <a href="">Week</a>
                            <a href="">Month</a>
                        </div>
                        <div class="listSong">
                            <ul>
                                <a><li>
                                        <div class="songNumber">01</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">02</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">03</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">04</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">05</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">06</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">07</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">08</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">09</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                                <a><li>
                                        <div class="songNumber">10</div>
                                        <div class="song">
                                            <div class="songName">Nonstop - Việt Mix Cũng Phải Lên – Tuyển Tập Track Căng Nhất ...Dj kòy Sóc Sơn</div>
                                            DJ NIMBIA
                                        </div>
                                    </li></a>
                            </ul>
                        </div>
                    </div>
                    <div class="yourads">
                    </div>
                    <div class="yourads">
                    </div>
                    <img src="image/background/right-background.png"/>
                </div><!--right Div-->
            </div><!-- content -->
            <div id="footer">
                <div id="footerItem">
                    <a href=""><img id="radioIcon" src="image/image/radio.png"/></a>
                    <a class="green-color" style="float:left">Contact us</a>
                    <span>&#169; 2013 Dj Radio App. All Rights Reserved</span>
                    <a id="facebookLink" href="#">Follow us
                        <img src="image/icon/faceIcon.png">
                    </a>
                </div>
            </div><!--footer-->
        </div>
        <div id="loginPage">
            <div id="loginDiv">
                <p>LOG IN</p>
                EMAIL<br/>
                <input type="text" id="txbusername"/><br/>
                PASSWORD<br/>
                <input type="password" id="password"/><br/>
                <a>FORGOT PASSWORD</a><br/>
                <input type="button" id="btnSignin" value="Sign in"/><br/>
                <div id="linkIcon">
                    <div style="margin-top: 5px">LOGIN WITH</div>
                    <div class="icon face"></div>
                    <div class="icon google"></div>
                    <div class="icon yahoo"></div>
                </div>
            </div>
            <div id="registerDIv">
                <img id="close" src="image/icon/close.png" />
                <div id="inputInfo">
                    <p>REGISTER</p>
                    NAME<br/>
                    <input type="text"/><br/>
                    PASSWORD<br/>
                    <input type="password"/><br/>
                    RETYPE PASSWORD<br/>
                    <input type="password"/><br/>
                    EMAIL<br/>
                    <input type="email"/><br/>
                    TYPE THE CHARACTERS<br/>
                    <div id="confirmkey">
                        <div id="keypicture"></div>
                        <div id="refresh"></div>
                        <input type="text"/>
                    </div>
                    <input type="button" id="btnSignup" value="Sign up"/><br/>
                </div>
            </div>
        </div><!-- Login page -->
    </body>
</html>
